{template "header.html", "/"}
<div class="rs-breadcrumbs">
    <div class="rs-breadcrumbs-inner">
        <div class="container">
            <div class="breadcrumbs-inner">
                <h3 class="page-title">{$cat.name}</h3>
            </div>
        </div>
    </div>
</div>


<div class="single-product-page pt-100 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="single-product-area left-area">
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 mb-sm-30 text-center">
                            <img src="{dr_get_file($thumb)}">
                        </div>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                            <div class="single-price-info">
                                <h4>{$title}</h4>
                                <span class="single-price">¥{$price}元</span>
                                <p>{$description}</p>
                                <a class="hostlab-btn" href="/index.php?s=cloud&c=buy&id={$id}">购买</a>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="row tab-btm">
                    <div class="col-md-12 col-sm-12">
                        <ul class="nav classic-tabs tabs-cyan" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link waves-light " data-toggle="tab"role="tab">详细介绍</a>
                            </li>
                        </ul>
                        <!-- Tab panels -->
                        <div class="tab-content card">
                            {$content}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row our-products-section">
            <div class="col-sm-12">
                <div class="title-bar">
                    <h4 class="title-bg">为你推荐</h4>
                </div>
            </div>

            {module module=cloud catid=10 num=9}
            <div class="col-md-4 col-lg-4 col-xs-12">
                <div class="cloud-app">
                    <div class="cloud-app-logo">
                        <a href="{$t.url}"><img src="{dr_thumb($t.thumb, 100, 100)}" /></a>
                    </div>
                    <div class="cloud-app-desc">
                        <div class="product-tile">
                            <a href="{$t.url}">{dr_strcut($t.title, 10)}</a>
                        </div>
                        <span>¥{$t.price}元</span>
                        <div class="product-desc">
                            {dr_strcut(dr_clearhtml($t.description), 12)}
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            {/module}

        </div>
    </div>
</div>

{template "footer.html", "/"}